﻿@model MvcApplication6.Models.ImageModel

@{
    ViewBag.Title = "UploadFile";
}

<link href="../../Content/css/nn-styles.css" rel="stylesheet" type="text/css"/>
<title>Upload File | CÔNG TY TNHH TM DV KT CÔNG NGHỆ AN PHÚ </title>

<head>
    <script type="text/javascript">
        //Helper method to get the file name
        function getExtension(filename) {
            var parts = filename.split('.');
            return parts[parts.length - 1];
        }
        //Helper function to determine if the file type is valid
        function isValidImage(filename) {
            var ext = getExtension(filename);
            switch (ext.toLowerCase()) {
                case 'jpg':
                case 'jpeg':
                case 'gif':
                case 'bmp':
                case 'png':
                    //It is an image - allow it
                    return true;
            }
            //It wasn't a valid extension - don't submit the form
            return false;
        }

        function GetFileInfo() {
            var fileInput = document.getElementById("fileInput");

            var _check = 0;
            var message = "";
            if ('files' in fileInput) {
                if (fileInput.files.length == 0) {
                    message = "Please browse for one or more files.";
                } else {
                    for (var i = 0; i < fileInput.files.length; i++) {
                        message += "<br /><b>" + (i + 1) + ". file</b><br />";
                        var file = fileInput.files[i];
                        if ('name' in file) {
                            message += "name: " + file.name + "<br />";
                            message += "Length: " + file.name.length + "<br />";
                            if (file.name.length > 20) {
                                _check = 1;
                                message += "<i><font color=#FF0000>Không hợp lệ - chiều dài tên file ít hơn 20 kí tự" + "</font></i><br />";
                            }
                            message += "Type File: " + getExtension(file.name) + "<br />";
                            if (isValidImage(file.name) == false) {
                                _check = 1;
                                message += "<i><font color=#FF0000>Không hợp lệ - Chỉ chấp nhận file .jpg hoặc jpeg" + "</font></i><br />";
                            }
                        }
                        else {
                            message += "name: " + file.fileName + "<br />";
                            message += "Length: " + file.name.length + "<br />";
                            if (file.name.length > 20) {
                                _check = 1;
                                message += "<i><font color=#FF0000>Không hợp lệ - chiều dài tên file ít hơn 20 kí tự" + "</font></i><br />";
                            }
                            message += "Loai File: " + getExtension(file.name) + "<br />";
                            if (isValidImage(file.name) == false) {
                                _check = 1;
                                message += "<i><font color=#FF0000>Không hợp lệ - Chỉ chấp nhận file .jpg" + "</font></i><br />";
                            }
                        }
//                        if ('size' in file) {
//                            message += "size: " + file.size + " bytes <br />";
//                            if (file.size > 200000) {
//                                _check = 1;
//                                message += "<i><font color=#FF0000>Không hợp lệ - Kích thước file phải nhỏ hơn 200Kb" + "</font></i><br />";
//                            }
//                        }
//                        else {
//                            message += "size: " + file.fileSize + " bytes <br />";
//                            if (file.size > 200000) {
//                                _check = 1;
//                                message += "<i><font color=#FF0000>Không hợp lệ - Kích thước file phải nhỏ hơn 200Kb" + "</font></i><br />";
//                            }
//                        }
                    }
                    if (_check == 1) {
                        alert("Tồn tại file update không đúng yêu cầu, Vui lòng kiểm tra lại !!!");
                    }
                }
            }
            else {
                if (fileInput.value == "") {
                    message += "Please browse for one or more files.";
                    message += "<br />Use the Control or Shift key for multiple selection.";
                }
                else {
                    message += "Your browser doesn't support the files property!";
                    message += "<br />The path of the selected file: " + fileInput.value;
                }
            }

            var info = document.getElementById("info");
            info.innerHTML = message;
        }
    </script>

    <script type="text/javascript">
//        Nếu Html.TextBoxFor(model => model.Files) đặt ở ngoài <form> thì file dc add vô sau moi lần choose
//        $(function () {
//            $(':file').change(function () {
//                if (this.files.length > 0) {
//                    var real = $(this);
//                    var cloned = real.clone(true);
//                    real.hide();
//                    cloned.insertAfter(real);
//                    real.appendTo('form');
//                }
//            });
//        });

        $(function () {
            //When the form is submitted
            $('form').submit(function (e) {
                //Check that a file exists and that it is of the appropriate extension
                if (fileInput.files.length == 0) {
                    //Remove the e.preventDefault() to submit the form (for demo purposes)
                    alert("Không có File nào! (Submit form)");
                    e.preventDefault();
                }
            });
        });
    </script>
</head>

<a style="margin-left:127px;margin-top:5px;" href="http://aptechpro.vn/"><b>Trang chủ</b></a>  
<h1 class="ad-title"><center> Upload File </center></h1>

<body>
    <fieldset>

        @using (Html.BeginForm("UploadFile", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
        {
            @Html.TextBoxFor(model => model.Files, new { type = "file", multiple = "multiple", value = "", id = "fileInput", size = "60", onchange = "GetFileInfo ()" })
            <div id="info" style="margin-top:30px"></div>            
            <button type="submit">Upload</button>
        }
    </fieldset> 

    <fieldset>
    <p><b>FILE UPLOAD: </b></p> </br>

    @if (Model.listNameFile != null)
    {
        foreach (var p in Model.listNameFile)
        {
            <div>
                <p>http://aptechpro.vn/Upload/Images/@p</p>
                <img src="../../Upload/Images/@p"/>
            </div>
        }
    }
    </fieldset> 

</body>